<template>
  <div class="home">
<!--
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
-->

    <h1>嵌套路由</h1>
    <nav>
      <router-link :to="{path: '/home/login', query: {username: uname, password: pwd}}" >
        登 录</router-link>&nbsp;&nbsp;&nbsp;&nbsp;


      <router-link to="/home/reg/张三/564561/13189567543" >
        注 册</router-link>


    </nav>

  <!--  添加路由出口  -->
    <router-view />
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  },
  data(){
    return{
      uname: "大锤",
      pwd: "897856"
    }
  }
}
</script>
